<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/laikan-bookDetail.css">
    <link rel="shortcut icon" href="./img/laikan-favicon.ico">
    <title>无弹窗全文阅读-来看中文网</title>
</head>
<body>
    <div class="header">
        <div class="navback">
            <div class="subnavbar">
                <div class="con_left">
                    <a href="./wenxue.html">磨铁文学</a>
                    <a class="active" href="./hzhlaikan.html">来看中文网</a>
                    <a href="./jinwenshouye.html">锦文小说网</a>
                    <a href="./momoMain.html">墨墨言情网</a>
                    <a href="./bookIndex.html">逸云书院</a>
                </div>
                <div class="con_right">
                    <a href="./login.html">登录</a>
                    <a href="">手机版</a>
                </div>
            </div>
        </div>
        <div class="logozone">
            <div class="logoImage"></div>
            <div class="searchbox">
                <input type="text" placeholder="找书">
                <a href="" class="searchbtn">
                    <i></i>
                </a>
                <div class="mybook">
                    <i></i>
                    我的书架
                </div>
            </div>
        </div>
        <div class="firstnav">
            <a href="">首页</a>
            <a href="">书库</a>
            <a href="">排行</a>
            <a href="">作家专区</a>
            <a href="">福利</a>
            <a href="">动漫</a>
            <img src="./img/new.gif" alt="">
        </div>
    </div>
    <div class="container">
        <div class="breadcrumb">
        </div>
        <div class="intro">
            <div class="pic">
                
            </div>
            <div class="brief">
                <div class="title" id="title">
                </div>
                <div class="tags">
                </div>
                <div class="hits">
                </div>
                <div class="brief_text">
                </div>
                <div class="btns">
                    <div class="freeOn">
                        免费试读
                    </div>
                    <div class="btn">
                        加入书架
                    </div>
                    <div class="btn">
                        粉丝互动
                    </div>
                </div>
            </div>
            <div class="popular">
                <div class="action">
                    <p>手机阅读</p>
                    <div class="mask">
                        <div class="code">
                            <img src="./img/laikan-code.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="detail">
            <div class="title">
                <p onclick="tab(this)" class="tab on">作品简介</p>
                <p onclick="tab(this)" class="tab" >目录</p>
            </div>
            <div class="tabcontent things">
                <div class="con-l">
                    <pre class="summary1"></pre>
                    <div class="summary2">
                    </div>
                    <div class="newchapter">
                    </div>
                    <div class="fans">
                        <div class="fanstitle">
                            粉丝打赏
                        </div>
                        <div class="fans-con">
                            <div class="hongbao">
                                <div class="pic"></div>
                                <div class="num">854人次</div>
                                <div class="btn">打赏作者</div>
                                <div class="allbonus">全部打赏记录>></div>
                            </div>
                            <div class="rank">
                                <div class="rank-title">粉丝贡献榜</div>
                                <div class="bonusitems">
                                    <div class="fans_scrolling_wrapper">

                                    </div>
                                </div>
                                <div class="fansitems">
                                    <div class="card">
                                        <img class="top" src="./img/gold.png" alt="">
                                        <img class="user" src="./img/user.jpg" alt="">
                                        <p class="name">虚位以待</p>
                                    </div>
                                    <div class="card">
                                        <img class="top" src="./img/silver.png" alt="">
                                        <img class="user" src="./img/user.jpg" alt="">
                                        <p class="name">虚位以待</p>
                                    </div>
                                    <div class="card">
                                        <img class="top" src="./img/bronze.png" alt="">
                                        <img class="user" src="./img/user.jpg" alt="">
                                        <p class="name">虚位以待</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="con-r">
                    <div class="author">
                        <div class="medal">
                            
                        </div>
                        <div class="data">
                            
                        </div>
                        <div class="allbook">
                            <div class="allbook-top">
                                <span>全部作品</span>
                                <div class="btns">
                                    <button class="before-btn">
                                        <img src="./img/laikan-toLeft.png" alt="">
                                    </button>
                                    <button class="after-btn">
                                        <img src="./img/laikan-toRight.png" alt="">
                                    </button>
                                </div>
                            </div>
                            <div class="bookbox">
                                <div class="booklists">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="fansrank">
                        <div class="fansrank-title">粉丝排行榜</div>
                        <div class="contents">
                        </div>
                        <div></div>
                    </div>
                </div>
            </div>
            <div class="catalog">
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="font">
            <a href="">磨铁文学旗下网站：</a>
            <a href="">来看中文网</a>
            <a href="">锦文小说网</a>
            <a href="">墨墨言情网</a>
            <a href="">逸云书院</a>
            <br>
            <a href="">关于我们</a>
            <a href="">联系我们</a>
            <a href="">加入我们</a>
            <a href="">帮助中心</a>
            <a href="">网站地图</a>
        </div>
        <div class="announce">
            Copyright © 2011-2025 LAIKAN.COM All Rights Reserved.  北京来看科技有限公司 版权所有
            <br>
            增值电信业务经营许可证 京B2-20190319  丨  网络出版服务许可证 (署）网出证（京）字第325号  丨  京ICP备17040734号-1
            <br>
            网络违法犯罪举报  丨  中国互联网举报中心  丨  网络举报APP下载
        </div>
        <div class="gh">
            <img src="./img/wenxue-guohui.png" alt="">
            京公网安备 11010202009584号
        </div>
    </div>
    <div class="rfloat">
        <ul>
            <li class="r-1">
                <a>
                    <i></i>
                    <p class="rightSpan">最近阅读</p>
                </a>
            </li>
            <li class="r-2">
                <a>
                    <i></i>
                    <p class="rightSpan">充值</p>
                </a>
            </li>
            <li class="r-3">
                <a>
                    <i></i>
                    <p class="rightSpan">客服</p>
                </a>
            </li>
        </ul>
    </div>
</body>
<script src="./js/laikan-bookDetail.js"></script>
</html>